<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>72商城</title>
	<link rel="stylesheet" href="../../css/amazeui.min.css">
    <style>
        html, body {
            height: 100%;
            width: 100%;
            font-family: 微软雅黑;
        }

        #wrap {
            height: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-flex-flow: column;
            flex-flow: column;
        }
        
        
        #header{background-color: #ff9f2f;height: 50px}

        #main {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
        }



         /*头部样式*/
        .topbar {
            background: #ff9f2f;
            text-align: center;
            display: none;
        }
        
        /*显示头部*/
        .activebar {
            display: block;
        }
        
        /*底部菜单选中样式*/
        	.navtive{background:#c23400;}
        	.navtive a{color:yellow}
        
    </style>
    



<body >


	<div id="wrap">

    <header id="header" class="am-header am-header-default am-no-layout" >
    
        <div id="index"  class="topbar activebar">
            <div class="am-header-left am-header-nav">
				<a tapmode=""  onclick="api.closeWin()"class="">
					<img src="images/arr-l.png"  style="height: 16px;width: auto;vertical-align: middle;"/>
				</a>
			</div>
			
			<h1 class="am-header-title">
			   72商城
			</h1>
			<div class="am-header-right am-header-nav">
				<a tapmode="" onclick="doSearch();"  class="">
					<img src="images/search.png" />
				</a>
			</div>
        </div>
        
        <div id="category" class="topbar">
				
				<h1 id='listTitle' class="am-header-title">分类</h1>
				
        </div>
        
        <div id="cart" class="topbar ">
          
			<h1 class="am-header-title">购物车</h1>
			<div class="am-header-right am-header-nav">
				<a tapmode="" onclick="clearCart();"  class="">
					清空
				</a>
			</div>
			
        </div>
        
        
        <div id="user" class="topbar ">
			<h1 class="am-header-title">
			   个人中心
			</h1>
        </div>

    </header>
    
    
    <div id="main">

    </div>
    
    <div id="footer" data-am-widget="navbar" class="am-navbar am-cf am-navbar-default am-no-layout" >
		<ul class="am-navbar-nav am-cf am-avg-sm-3" style="background:#f40;padding:0px;">
		
			<li id='findexwrap' class="navtive" onclick="randomSwitchBtn(this,'index',0)">
				<a href="#">
				<span class="am-icon-home"></span>
				<span class="am-navbar-label">首页</span>
				</a>
			</li>
			
			<li id='flist' onclick="randomSwitchBtn(this,'category',1);">
				<a href="#" >
					<span class="am-icon-list"></span>
					<span class="am-navbar-label">分类</span>
				</a>
			</li>
			
		<!--	<li onclick="api.closeWin();">
					<div class="am-header-left am-header-nav">
						<a tapmode="" onclick="barkIndex()" style="width:25px;height:25px;">
							<img src="images/logo.png" />
						</a>
					</div>
			</li>-->
			
			<li id='fcart' onclick="randomSwitchBtn(this,'cart',2)">
				<a href="#">
					<span class="am-icon-shopping-cart">
						<b class="am-badge  am-round cart-num" style="background:#f37b1d;position: relative;bottom: 33px;left: 16px;" id="cnum">0</b>
					</span>
					<span class="am-navbar-label">购物车</span>
				</a>
			</li>
			
			<li id='fmember' onclick="randomSwitchBtn(this,'user',3)">
				<a href="#" >
				<span class="am-icon-user"></span>
				<span class="am-navbar-label">我的</span>
				</a>
			</li>
			
		</ul>
	</div>

</div>
</body>


<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="js/main.js"></script>


</html>